<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<style>
		.box{
			width: 100%;height: 100px;
			border: 1px solid black;
		}
		.nr{
			width: 1226px;
			height: 100%;
			background-color: #eee;
			margin: 0 auto;
			overflow: hidden;
		}
		.logo{
			width: 56px;
			height: 56px;
			background-image: url(img/logo-mi2.png);
			background-size: 100% 100%;
			float: left;
			margin: 20px 0 0 0;
			
		}
		.ul{
			float:left;
			list-style: none;
			margin: 0 0 0 100px;
			height:100px;
			line-height: 100px;
		}
		.ul li{
			float:left;
			margin: 0 20px 0 0;
		}
	</style>
	<body>
		<div class="box">
			<div class="nr">
				<div class="logo"></div>
				<ul class="ul">
					<li>Xiaomi手机</li>
					<li>Redmi手机</li>
					<li>电视</li>
					<li>笔记本</li>
					<li>平板</li>
					<li>家电</li>
					<li>路由器</li>
				</ul>
			</div>
		</div>
	</body>
</html>
